<template>
    <div class="example">
        <h5>publicEditor:</h5>
        <section class="pagination">
            <manage-public-editor :el_title="title">
                <template slot="buttonEditor">
                    <el-button style="float: right;" ><router-link :to="{path:'/dashboard'}">返回</router-link></el-button>
                </template>
                <template slot="editorContent">
                    <el-form label-position="left"  :model="ruleForm" ref="ruleForm" label-width="160px" class="demo-ruleForm edit-from">
                        <div class="editorContent">
                            <el-form-item label="菜单编号" prop="orderNum">
                                <el-input v-model="ruleForm.orderNum" style="width:40%"></el-input>
                            </el-form-item>
                            <el-form-item>
                                <el-button type="primary" >提交</el-button>
                            </el-form-item>
                        </div>
                    </el-form>
                </template>
            </manage-public-editor>
            <ul class="explain">
                <li>manage-public-editor</li>
                <li>title 为左侧标题</li>
                <li>slot="buttonEditor" 放置功能</li>
                <li>slot="editorContent" 放置form表单</li>
            </ul>
        </section>
        <section class="pagination">
            <manage-public-editor :el_title="title">
                <template slot="editorContent">
                    <el-form label-position="left"  :model="ruleForm" ref="ruleForm" label-width="160px" class="demo-ruleForm edit-from">
                        <div class="editorContent">
                            <el-form-item label="菜单编号" prop="orderNum">
                                <el-input v-model="ruleForm.orderNum" style="width:40%"></el-input>
                            </el-form-item>
                            <el-form-item>
                                <el-button type="primary" >提交</el-button>
                            </el-form-item>
                        </div>
                    </el-form>
                </template>
            </manage-public-editor>
            <ul class="explain">
                <li>slot="buttonEditor" 可以取消</li>
            </ul>
        </section>
    </div>
</template>
<script>
export default {
    data(){
        return{
            title:"添加菜单",
            ruleForm: {
                orderNum:"",
            },
        }
    }
}
</script>